//
//  WBVisitorView.swift
//  weibo
//
//  Created by HanXujie on 2017/4/10.
//  Copyright © 2017年 thinker. All rights reserved.
//

import UIKit

class WBVisitorView: UIView {
    /// 注册按钮
    lazy var registerButton:UIButton = UIButton.cz_textButton("注册", fontSize: 16, normalColor: UIColor.orange, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    /// 登录按钮
    lazy var loginButton:UIButton = UIButton.cz_textButton("登录", fontSize: 16, normalColor: UIColor.darkGray, highlightedColor: UIColor.black, backgroundImageName: "common_button_white_disable")
    /// 访客视图信息字典：dict:[imageName:"",message:""]
    /// 首页不需要传
    var visitorInfo:[String :String]?{
        didSet{
            guard let imageName = visitorInfo?["imageName"],
                let message = visitorInfo?["message"] else {
                    return
            }
            
            // 设置信息
            tipLabel.text = message
            
            // 设置图片
            if imageName == "" {
                starttAnimation()
                return
            }
            // 出首页外其他页面不需要显示房子和遮盖视图
            houseIconView.isHidden = true
            maskIconView.isHidden = true
            
            iconView.image = UIImage(named: imageName)
            
            
        }
    }
    
    /// 入口
    // MARK: - 构造函数
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        setupUI()
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    
    // MARK: - 动画
    /// 旋转图标动画
    fileprivate func starttAnimation(){
        
        let animation = CABasicAnimation(keyPath: "transform.rotation")
        
        // M_PI会有提示建议用Double.pi
        animation.toValue = 2 * Double.pi
        animation.repeatCount = MAXFLOAT
        animation.duration = 10
        // FIXME:核心动画isRemovedOnCompletion属性设置动画连续播放
        // 完成后不删除保持一致转动，如果iconview被释放，动画一起被释
        // 设置动画连续播放的时候非常有用
        // 视图切换后保持动画一直播放，非常常见
        animation.isRemovedOnCompletion = false
        
        // 将动画添加到图层
        iconView.layer.add(animation, forKey: nil)
    }
    
    // MARK:- 设置访客视图在其他控制器的不同信息
    
    /// 使用字典设置访客视图
    ///
    /// - Parameter dict: dict:[imageName:"",message:""]
    /// 提示：如果是首页那么imageName == ""
//    func setupInfo(dict:[String : String]) {
//        // 获取字典信息
//        guard let imageName = dict["imageName"],
//        let message = dict["message"] else {
//            return
//        }
//        
//        // 设置信息
//        tipLabel.text = message
//        
//        // 设置图片
//        if imageName == "" {
//            return
//        }
//        iconView.image = UIImage(named: imageName)
//    }
    
    
    // MARK: - 私有控件
    // 懒加载属性只有调用UIKit控件指定构造函数，其他都需要指定类型
    /// 图像视图
    fileprivate lazy var iconView:UIImageView = UIImageView(image: UIImage(named:"visitordiscover_feed_image_smallicon"))
    /// 遮罩视图
    fileprivate lazy var maskIconView:UIImageView = UIImageView(image: UIImage(named:"visitordiscover_feed_mask_smallicon"))
    /// 房子
    fileprivate lazy var houseIconView:UIImageView = UIImageView(image: UIImage(named: "visitordiscover_feed_image_house"))
    /// 提示标签
    fileprivate lazy var tipLabel:UILabel = {
     let label = UILabel.cz_label(
            withText: "关注一些人，回这里看看有什么惊喜",
            fontSize: 14,
            color: UIColor.darkGray)
        // 文字居中
            label?.textAlignment = .center
        return label!
    }()


}





// MARK: - 设置界面

extension WBVisitorView{
    
    func setupUI() {
        // FIXME:使用颜色的效率比图片高
        backgroundColor = UIColor.cz_color(withHex: 0xEDEDED)
        
        // 1:添加控件
        addSubview(iconView)
        addSubview(maskIconView)
        addSubview(houseIconView)
        addSubview(tipLabel)
        addSubview(registerButton)
        addSubview(loginButton)
        
        // 2:用原生布局
        // 取消每个控件的autoresizing
        for v in subviews {
            v.translatesAutoresizingMaskIntoConstraints = false
        }
        
        // 3:自动布局控件
        
        // 间距
        let margin:CGFloat = 20.0
        // iconView约束
        
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: iconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0, constant: -3 * margin))
        
        // houseIconView约束
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: houseIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: self,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: -3 * margin))
        
        // 提示标签的约束
        
        
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: tipLabel,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 236))
        // 注册按钮的约束
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .left,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .left,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: registerButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        // 登录按钮的约束
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .right,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .right,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .top,
                                         relatedBy: .equal,
                                         toItem: tipLabel,
                                         attribute: .bottom,
                                         multiplier: 1.0,
                                         constant: margin))
        addConstraint(NSLayoutConstraint(item: loginButton,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: nil,
                                         attribute: .notAnAttribute,
                                         multiplier: 1.0,
                                         constant: 100))
        
        // 遮罩视图的约束
        // 使用VFL的方式进行布局
//        let viewDict:[String : Any] = [
//            "maskIconView" : maskIconView,
//            "registerButton" : registerButton
//        ]
//        let metrics:[String :Any] = [
//            "spacing" : 0
//        
//        ]
        
        /*
         constraints中各个参数详解
         
         - withVisualFormat:设置格式化的字符串
         - options:选项一般设置为[]，OC中直接0
         - metrics:常量字典
         - views:视图对象字典
         */
//        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "H:|-0-[maskIconView]-0-|",
//                                                      options: [],
//                                                      metrics: nil,
//                                                      views: viewDict))
//        
//        addConstraints(NSLayoutConstraint.constraints(withVisualFormat: "V:|-0-[maskIconView]-(spacing)-[registerButton]",
//                                                      options: [],
//                                                      metrics: metrics,
//                                                      views: viewDict))
        
        // 设置遮盖控件的约束
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .centerX,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute:.centerX,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .centerY,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .centerY,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .width,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .width,
                                         multiplier: 1.0,
                                         constant: 0))
        addConstraint(NSLayoutConstraint(item: maskIconView,
                                         attribute: .height,
                                         relatedBy: .equal,
                                         toItem: iconView,
                                         attribute: .height,
                                         multiplier: 1.0,
                                         constant: 0))
        
    }
}






















